//模块只负责加载数据 不负责处理
define(['template', 'jquery'], (template) => {
  class Nav {
    constructor() {
      this.load().then(() => {
        this.detailLoad()
        this.login()
      })
      // this.cartNum()
    }
    load() {
      return new Promise(resolve => {
        $('.nav').load('/html/nav.html')
        resolve()
      })
    }
    detailLoad() {
      console.log('我是navjs传过来的数据')
    }
    //监听scroll
    winScroll() {
      let timer = setInterval(() => {
        $('header').css('display', 'block');
        if ($(document).scrollTop() >= 80) {
          //获取header
          $('header').css('display', 'none');
          $('.navv').css('position', 'fixed')
          $('.navv').css('zIndex', 99999)
        } else {
          $('header').css('display', 'block');
          $('.navv').css('position', '')
        }
      }, 300)
    }
    //监听用户登录
    login() {
      const a = document.cookie
      const user = a.split('=')[1]
      const loginBox = $('.tsb_login_box .tlb_to'),
        logOutBox = $('.tsb_login_box .tlb_new')
      if (user) {
        loginBox.css('display', 'none')
        logOutBox.css('display', 'block')
        $('.tlbn_username').text(user);
      } else {
        loginBox.css('display', 'block')
        logOutBox.css('display', 'none')
      }
    }
    // //监听用户退出
    // outClick() {
    //   $('.tlbno_out').on('click', function () {
    //     console.log('tuichu')
    //     //杀死cookie
    //     const cookie = document.cookie,
    //       username = cookie.split('=')[1]

    //     function setCookie(key, value, options = {
    //       expires: new Date(),
    //       path: '/'
    //     }) {
    //       document.cookie = `${key}=${encodeURIComponent(value)};expires=${options.expires};path=${options.path}`
    //     }
    //     setCookie('username', '', {
    //       expires: -1,
    //       path: '/'
    //     })
    //     const loginBox = $('.tsb_login_box .tlb_to'),
    //       logOutBox = $('.tsb_login_box .tlb_new')
    //     loginBox.css('display', 'block')
    //     logOutBox.css('display', 'none')
    //     const loname = $('.tsblb_username'),
    //       lopwd = $('.tsblb_password')
    //     loname.val('')
    //     lopwd.val('')
    //   })

    // }
    // //首页登录
    // homeLogin() {
    //   let _that = this
    //   //获取账号和 密码的值
    //   const loname = $('.tsblb_username'),
    //     lopwd = $('.tsblb_password'),
    //     btn = $('.tsblb_login')
    //   let a = [JSON.parse(localStorage.getItem('usernameList'))]
    //   btn.on('click', function () {
    //     console.log(loname.val(), lopwd.val());
    //     if (loname.val() === '' || lopwd.val() === '') {
    //       alert('请输入正确密码!')
    //     } else {
    //       console.log('可以登录')
    //       if (a[0]) {
    //         let ss = []
    //         console.log(a)
    //         a.map(item => {
    //           item.map(item1 => {
    //             if (item1.username === loname.val()) {
    //               console.log('success');
    //               ss.push(item1)
    //               return ss
    //             }
    //           })
    //         })
    //         if (ss[0]) {
    //           const flag = ss.some(item => {
    //             return item.username === loname.val() && item.pwd === lopwd.val()
    //           })
    //           if (flag) {
    //             function setCookie(key, value, options = {
    //               expires: new Date(),
    //               path: '/'
    //             }) {
    //               document.cookie = `${key}=${encodeURIComponent(value)};expires=${options.expires};path=${options.path}`
    //             }
    //             setCookie('username', loname.val(), {
    //               path: '/',
    //               expires: new Date('2020-12-20 00:00:00')
    //             })
    //             alert('登录成功！')
    //             // window.location.href = `/index.html`
    //             _that.login();
    //           } else {
    //             alert('账号或者密码错误！')
    //             loname.val('')
    //             lopwd.val('')
    //           }
    //         } else {
    //           alert('请先注册！')
    //           window.location.href = '/html/register.html'
    //         }
    //       } else {
    //         alert('去注册！')
    //         window.location.href = '/html/register.html'
    //       }
    //     }
    //   })
    // }
    // cartNum() {
    //   let a = $('.tsc_eee').text()
    //   const loginT = document.cookie
    //   const b = loginT.split('=')[1]
    //   if (b) {
    //     const userC = JSON.parse(localStorage.getItem('usernameList'))
    //     //这个是当前用户的信息
    //     let userCart = ''
    //     //通过filter 方法拿到当前的用户信息
    //     userC.filter(item => {
    //       if (item.username === b) {
    //         userCart = item
    //         return userCart
    //       }
    //     })
    //     console.log(userC)
    //     $('.tsc_eee').text(userCart.cart.length)
    //   }else{
    //     $('.tsc_eee').text('0')
    //   }
    // }
  }
  return new Nav()
});